<!--
 * @Author: EuniceShaw
 * @Date: 2022-02-22 00:53:54
 * @LastEditors: EuniceShaw
 * @LastEditTime: 2022-04-10 14:31:37
 * @Description:
 *
-->
<template>
  <div>
    <h1>Dashboard page</h1>
    缓存测试<input type="text" />
    <el-button type="primary">size改变</el-button>
    <!-- <svg-icon icon-class="bug"></svg-icon> -->
    <!-- icon-class svg图标名称 class-name 额外的自定义类名 @click绑定事件 -->
    <!-- <svg-icon icon-class="404" class-name="custom-class" @click="sayHi"></svg-icon> -->
  </div>
</template>

<script setup lang="ts">
import { getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()!

const sayHi = () => {
  proxy?.$message.success('恭喜你，这是一条成功的消息')
}
</script>
<style lang="scss">
.custom-class {
  // 自定义样式404
  font-size: 200px;
  color: green;
}
</style>
